<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>

    <!--amazeui Css style-->
    <link rel="stylesheet" href="./css/amazeui.css"/>

    <!--reset Css style-->
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/home.css"/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/voice-album.css">
    <link rel="stylesheet" href="./css/swiper.min.css"/>
    <link rel="stylesheet" href="./css/voice_album-details.css"/>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
<div id="header"></div>
<div id="body_widh">
    <header>
        <nav>
            <div id="nav_backimg">
                <!--<img src="./image/home_nav.png" alt=""/>-->
                <div class="figure_picture">
                    <img src="./image/home_figur.png" class="color" alt=""/>
                </div>
                <div id="b_color">
                    <h1>慧声FM</h1>
                    <p>以甘露妙语，传播正能量，获智慧慈悲。</p>
                    <div class="ul_hight">
                        <ul class="ul_flex ul_flex_a">
                            <li><a href="video-album.html"><img src="./image/home_radio.png"
                                                                alt=""/><span>视频专辑</span></a></li>
                            <li><a href="video-page.html"> <img src="./image/home_radio.png" alt=""/><span>视频</span></a>
                            </li>
                            <li><a href="voice-album.html"><img src="./image/home_audiopic.png"
                                                                alt=""/><span>音频专辑</span></a></li>
                            <li><a href="voice-page.html"><img src="./image/home_audiopic.png"
                                                               alt=""/><span>音频</span></a></li>
                            <li class="ul_flex_share">
                                <img src="./image/home_shar.png" alt=""/>
                                <ul class="nav_ul">
                                    <li><div class="nav_li-title">分享慧声到：</div></li>
                                    <li class="clearfix"><img class="nav_li" src="./image/wei.png" alt=""/><span class="nav_logo">微博</span></li>
                                    <li class="clearfix"><img class="nav_li" src="./image/qq.png" alt=""/><span class="nav_logo">QQ好友</span></li>
                                    <li class="clearfix"><img class="nav_li" src="./image/qq_.png" alt=""/><span class="nav_logo">QQ空间</span></li>
                                    <li class="clearfix"><img class="nav_li" src="./image/weixin.png" alt=""/><span class="nav_logo">微信</span></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <section>
        <!-- 视频专辑-->
        <br/>
        <div>
            <!-- title-->
            <div class="caption-wrap clearfix">
                <img src="image/home_radio.png" alt="">
                <div class="caption">视频专辑（3）</div>
                <a href="video-album.html"><span  class="new-more">查看全部<img src="image/more.png"></span></a>

            </div>
            <!-- 内容-->
            <div class="left_right">
                <div class="album_text">
                    <div>
                        <a href="video-album-details.html"><img src="./image/home_video.png" alt=""/></a>
                    </div>
                    <div class="p_linhight">
                        <p class="title margin_home_top" style="font-size: 20px">《饶益众生九观察》</p>
                        <p class="text_font">《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。一乘了义......</p>
                    </div>
                </div>
                <div class="album_text">
                    <div>
                        <a href="video-album-details.html"><img src="./image/home_video.png" alt=""/></a>
                    </div>
                    <div class="p_linhight">
                        <p class="title margin_home_top" style="font-size: 20px">《饶益众生九观察》</p>
                        <p class="text_font">《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。一乘了义......</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- title-->
        <div class="caption-wrap clearfix">
            <img src="image/home_radio.png" alt="">
            <div class="caption">全部视频（34）</div>
            <a href="video-page.html"><span  class="new-more">查看全部<img src="image/more.png"></span></a>
        </div>
        <div id="allVideo_pic" class="left_right">
            <div class="home_aq">
                <a href="video-play.html">
                    <img src="./image/home_allvideo.png" alt=""/>
                    <img class="img_camera" src="image/video-camera.png" alt=""/>
                    <p class="title margin_home_top">《饶益众生九观察》</p>
                </a>
            </div>
            <div class="home_aq">
                <a href="video-play.html">
                    <img src="./image/home_allvideo.png" alt=""/>
                    <img class="img_camera" src="image/video-camera.png" alt=""/>
                    <p class="title margin_home_top">《饶益众生九观察》</p>
                </a>
            </div>
        </div>
        <!-- 直播-->
        <br/>
        <!-- title-->
        <div>
            <!-- title-->
            <div class="caption-wrap clearfix">
                <img src="image/home_live%20(2).png" alt="">
                <div class="caption">甘露妙语（34）</div>
                <a href="#"><span  class="new-more">查看全部<img src="image/more.png"></span></a>
            </div>
            <!--内容 -->
            <div id="live_la" class="left_right">
                <div>
                    <img src="./image/home_live.png" alt=""/>
                </div>
                <div id="live_widh">
                    <h1 class="title" style="font-size: 20px">《饶益众生九观察》</h1>
                    <p class="data">讲师：慈诚罗珠堪布仁波切</p>
                    <p class="data">时间：2018-07-01 06:30</p>
                    <h1 class="intro-title">简介：</h1>
                    <p class="intro-content">《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。一乘了义。《妙法莲华经》说一乘</p>
                </div>
            </div>
        </div>
        <!-- 音频专辑-->
        <br/>
        <div>
            <!-- title-->
            <div class="caption-wrap clearfix">
                <img class="voice-tube" src="image/home_audiopic.png" alt="">
                <div class="caption">音频专辑（6）</div>
                <a href="#"><span  class="new-more">查看全部<img src="image/more.png"></span></a>
            </div>
            <!--内容 -->
        </div>
        <!--轮播 -->
        <div class="carousel">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="audio_picture">
                            <a href="voice-album-details.html">
                                <div>
                                    <img src="./image/home_audio.png" alt=""/>
                                </div>
                                <p class="audio_textp title">《妙法华莲经》</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-button-prev arrow left"></div><!--左箭头-->
            <div class="swiper-button-next arrow right"></div><!--右箭头-->
        </div>
        <!-- 全部音频-->
        <div class="rideo">
            <!-- title-->
            <div class="caption-wrap clearfix">
                <img class="voice-tube" src="image/home_audiopic.png" alt="">
                <div class="caption">音频专辑（6）</div>
                <a href="#"><span  class="new-more">查看全部<img src="image/more.png"></span></a>
            </div>
            <!-- 内容-->
            <div class="list-wrap">
                <ul class="voice-list">
                    <li class="voice-li clearfix">
                        <a href="voice-details.html"><img src="image/20180907175621.png" alt=""></a>
                        <div class="v-title-wrap">
                            <a href="voice-details.html"><span>妙法莲华经 | 序品第一</span></a>
                            <span>来自《妙法花莲经》</span>
                        </div>
                        <div class="v-btn-wrap">
                            <div class="btn-wrap clearfix">
                                <img src="image/home_share.png" alt="">
                                <img src="image/home_xiazai.png" alt="">
                                <img src="image/home_bofang.png" alt="">
                            </div>
                            <div class="intro-wrap">
                                <div class="tip tip1"><img src="image/home_lising.png" alt="">5012</div>
                                <div class="tip tip2"><img src="image/home_time.png" alt="">10:52</div>
                                <div class="tip">四天前</div>
                            </div>
                        </div>
                    </li>
                    <li class="voice-li clearfix">
                        <a href="voice-details.html"><img src="image/20180907175621.png" alt=""></a>
                        <div class="v-title-wrap">
                            <a href="voice-details.html"><span>妙法莲华经 | 序品第一</span></a>
                            <span>来自《妙法花莲经》</span>
                        </div>
                        <div class="v-btn-wrap">
                            <div class="btn-wrap clearfix">
                                <img src="image/home_share.png" alt="">
                                <img src="image/home_xiazai.png" alt="">
                                <img src="image/home_bofang.png" alt="">
                            </div>
                            <div class="intro-wrap">
                                <div class="tip tip1"><img src="image/home_lising.png" alt="">5012</div>
                                <div class="tip tip2"><img src="image/home_time.png" alt="">10:52</div>
                                <div class="tip">四天前</div>
                            </div>
                        </div>
                    </li>
                    <li class="voice-li clearfix">
                        <a href="voice-details.html"><img src="image/20180907175621.png" alt=""></a>
                        <div class="v-title-wrap">
                            <a href="voice-details.html"><span>妙法莲华经 | 序品第一</span></a>
                            <span>来自《妙法花莲经》</span>
                        </div>
                        <div class="v-btn-wrap">
                            <div class="btn-wrap clearfix">
                                <img src="image/home_share.png" alt="">
                                <img src="image/home_xiazai.png" alt="">
                                <img src="image/home_bofang.png" alt="">
                            </div>
                            <div class="intro-wrap">
                                <div class="tip tip1"><img src="image/home_lising.png" alt="">5012</div>
                                <div class="tip tip2"><img src="image/home_time.png" alt="">10:52</div>
                                <div class="tip">四天前</div>
                            </div>
                        </div>
                    </li>
                    <li class="voice-li clearfix">
                        <a href="voice-details.html"><img src="image/20180907175621.png" alt=""></a>
                        <div class="v-title-wrap">
                            <a href="voice-details.html"><span>妙法莲华经 | 序品第一</span></a>
                            <span>来自《妙法花莲经》</span>
                        </div>
                        <div class="v-btn-wrap">
                            <div class="btn-wrap clearfix">
                                <img src="image/home_share.png" alt="">
                                <img src="image/home_xiazai.png" alt="">
                                <img src="image/home_bofang.png" alt="">
                            </div>
                            <div class="intro-wrap">
                                <div class="tip tip1"><img src="image/home_lising.png" alt="">5012</div>
                                <div class="tip tip2"><img src="image/home_time.png" alt="">10:52</div>
                                <div class="tip">四天前</div>
                            </div>
                        </div>
                    </li>
                    <li class="voice-li clearfix">
                        <a href="voice-details.html"><img src="image/20180907175621.png" alt=""></a>
                        <div class="v-title-wrap">
                            <a href="voice-details.html"><span>妙法莲华经 | 序品第一</span></a>
                            <span>来自《妙法花莲经》</span>
                        </div>
                        <div class="v-btn-wrap">
                            <div class="btn-wrap clearfix">
                                <img src="image/home_share.png" alt="">
                                <img src="image/home_xiazai.png" alt="">
                                <img src="image/home_bofang.png" alt="">
                            </div>
                            <div class="intro-wrap">
                                <div class="tip tip1"><img src="image/home_lising.png" alt="">5012</div>
                                <div class="tip tip2"><img src="image/home_time.png" alt="">10:52</div>
                                <div class="tip">四天前</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 分页-->
            <ul class="am-pagination am-pagination-centered">
                <li class="am-disabled"><a href="#">&laquo;</a></li>
                <li class="am-active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </section>
</div>
<!--头部-->
<div id="footer"></div>
<script src="./js/swiper.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#header").load("header.html")
        $("#footer").load("footer.html")
    });
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: false,//可选选项，自动滑动
        grabCursor: true,
        slidesPerView: 4,
        spaceBetween: 20,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
        },

    })
</script>
<script src="./js/amazeui.js"></script>
<script src="./js/amazeui.ie8polyfill.min.js"></script>

</body>
</html>